<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="icon" href="images/favicon.ico" type="image/x-icon">
        <title>HTML5技术</title>
        <link rel="stylesheet" href="index.css" type="text/css">
        <style>
              #content .dialog hr{
                    width:90%;
                    color:#ddd;
                }
        </style>
    </head>
    <body>
        <header><!--  -->
            <span id="title">HTML5技术</span>
        </header>
        <nav id="nav-top">
            <ul>
                <li><a href="index.html" class="nav-item active">首页</a></li>|
                <li><a href="html5.html">HTML5</a></li>|
                <li><a href="css.html">CSS</a></li>|
                <li><a href="javascript.html" >JAVASCRIPT</a></li>
            </ul>
        </nav>
        <div id="content">
            <div id="title" class="animation"><h1>HTML5技术</h1></div>
            <div class="dialog">
                <strong>课程概述</strong>
                <hr>
                
                <div style="text-align: left;padding-left:20px;">
                    <details>
                        <summary>主要内容</summary>
                        <ul>
                            <li>HTML5<font color="red">*</font></li>
                            <li>CSS<font color="red">*</font></li>
                            <li>javascript</li>
                        </ul>
                    </details>
                    <details>
                        <summary>为什么要学？</summary>
                        <ul>
                            <li>后续课程的基础</li>
                            <li>在现代Web设计和Web应用程序开发中起着至关重要的作用</li>
                            <li>提供了更丰富的Web体验</li>
                            <li>创造更多的互动，吸引人的内容</li>
                            <li>HMTL5支持跨平台兼容性的所有设备</li>
                        </ul>
                    </details>
                    <details>
                        <summary>如何学？</summary>
                        <ul>
                            <li>通过课堂学习HTML5，CSS，Javascript等技术的基础知识</li>
                            <li>在了解了基础知识的基础上，学会运用网络进行更深入的学习</li>
                            <li>练习，练习，练习，重要的事情说三遍，通过练习印证，巩固自己所学的知识</li>
                        </ul>
                    </details>
                </div>
            </div>
            <div class="dialog">
                <strong>课程考核</strong>
                <hr>
                <div style="text-align: left;padding-left:20px;">
                    <details>
                        <summary>考核方式</summary>
                        <p>考查</p>
                    </details>
                    <details>
                        <summary>考核内容</summary>
                        <ul>
                            <li>课堂表现：<font color="red">20%</font></li>
                            <li>作业：<font color="red">30%</font></li>
                            <li>期末考查：<font color="red">50%</font></li>
                        </ul>
                    </details>
                    <details>
                        <summary>作业提交</summary>
                        <ul>
                            <li>每次作业都由学习委员代收，然后统计缺交人员，把作业和统计数据通过企业微信发送给老师。</li>
                            <li>作业提交方式：
                                <ul>
                                    <li>单个文件的，直接提交文件，命名方式：<font color="red">学号后两位-姓名-第几次作业</font></li>
                                    <li>多个文件的，需要进行压缩打包，压缩包命名方式与单个文件相同</li>
                                </ul>
                            <li>作业评分：完成度80%，创新20%</li>
                        </ul>
                    </details>
                    <details>
                        <summary>期末考查</summary>
                        <ul>
                            <li>采用课程设计方式,老师布置课程设计题目每位同学独立完成，按作业提交方式提交给老师</li>
                            <li>最后一周，每位同学需要对自己的课程设计进行课堂演示及答辩（每个人约5分钟时间）</li>
                            <li>期末考查成绩通过作品质量和答辩效果综合给定</li>
                        </ul>
                    </details>
                </div>
            </div>
            <div class="dialog">
                <strong>课程工具</strong>
                <hr>
                <div style="text-align: left;padding-left:20px;">
                    <details>
                        <summary>开发工具</summary>
                        <ol>
                            <li>开发工具主要是文本编辑器<font color="red">(注意：文本编辑器不同与文字编辑器)</font></li>
                            <li>不能使用文字编辑器，如world，wps等</li>
                            <li>推荐编辑器
                                <ul>
                                    <li>Visual Studio Code</li>
                                    <li>NotePad++</li>
                                    <li>HBuilder</li>
                                    <li>EditPlus</li>
                                    <li>Vim</li>
                                    <li>记事本</li>
                                    <li>Firework</li>
                                    <li>其他集成开发环境，如Eclipse，IDEA等</li>
                                </ul>
                            </li>
                        </ol>
                    </details>
                    <details>
                        <summary>运行工具</summary>
                        <ol>
                            <li>运行HTML文件主要使用的是浏览器，任意主流的浏览器都可以</li>
                            <li>请不要使用过时的IE浏览器，因为他对于html5和CSS的一些特性不兼容，可能会产生不符合预期的结果</li>
                            <li>
                                推荐浏览器：
                                <ul>
                                    <li>Firefox(火狐)</li>
                                    <li>Chrome</li>
                                    <li>Edge</li>
                                    <li>支持极速模式的国产浏览器等</li>
                                </ul>
                            </li>
                        </ol>
                    </details>
                    <details>
                        <summary>参考资料</summary>
                        <ol>
                            <li>参考网站：<a href="https://www.runoob.com/">菜鸟教程</a></li>
                            <li>需要下载本站点，可以到以下网址下载，或者通过git下载<br>https://gitee.com/hadesho/html5</li>
                        </ol>
                    </details>
                </div>
            </div>
            <div class="dialog">
                <strong>其他事项</strong>
                <hr>
                <div style="text-align: left;padding-left:20px;">
                    <details>
                        <summary>进阶技能</summary>
                        <ul>
                            <li>Java Web 开发</li>
                            <li>ASP.NET 开发</li>
                            <li>PHP 开发</li>
                            <li>其他与B/S应用开发相关的技术</li>
                        </ul>
                    </details>
                </div>
            </div>
            <hr style="width:80%;margin:0 auto;margin-bottom:10px;color:#ccc;">
            
        </div>
        
        <footer>
            <hr style="width:80%;margin:0 auto; color:#ccc;"/>
            <a href="#">关于我们</a>&nbsp;|<a href="#">帮助中心</a>&nbsp;|<a href="#">联系我们</a>
            <br />
            <i>Copyright&copy;佛山职业技术学院.FSPT 版权所有 2022-2023</i>
        </footer>
        <script>


        </script>
    </body>
</html>